﻿@{
    ViewBag.Title = "Datepicker";
}
<script src="@Url.Content("~/Scripts/language/jquery.ui.datepicker-zh-CN.js")" type="text/javascript"></script>
<script type="text/javascript">
    $(
    function () {
        $("#txt").datepicker({
            showMonthAfterYear: true, //在面板的头部年份后面显示月份
            altField: '#txt', //
            altFormat: 'yy/mm/dd',
            changeMonth: true, //能改变月
            changeYear: true, //能改变年
            gotoCurrent: false,  //如果设置为true，则点击当天按钮时，将移至当前已选中的日期，而不是今天。
            buttonImage: '@Url.Content("~/Content/Images/calendar.png")',
            buttonImageOnly: true,
            showStatus: true,
            showOn: 'both',
            yearRange: '-10:+10', //年度区间
            stepMonths: 1, //当点击上/下一月时，一次翻几个月。   
            dateFormat: 'yy-mm-dd', //日期的格式
            showOtherMonths: true, //显示当前上个月和下个月的日期
            showButtonPanel: true, //设置是否在面板上显示相关的按钮。 
            numberOfMonths: 1, //一次显示的月份数
            constrainInput: true,
            //  hideIfNoPrevNext: true,
            defaultDate: new Date(),//设置默认加载完后第一次显示时选中的日期。可以是Date对象，或者是数字（从今天算起，例如+7），或者有效的字符串('y'代表年, 'm'代表月, 'w'代表周, 'd'代表日, 例如：'+1m +7d')。   
            selectOtherMonths: true, //允许选其他月份
            showAnim: "slideDown"

        });


    }

    );

     
</script>
<h2>
    Datepicker</h2>
<input id="txt" type="text" readonly="readonly"  />